﻿<div class="sample_title">Simple Form</div>

sample:<br />
<div class="sample_preview">
    <script type="text/javascript"><!--//--><![CDATA[//><!--
        $(document).ready(function() {
            // Create Form
            $('#form1').setupForm([
                { name: 'city_code', type: 'text', size: 'short', maxlength: 10, noempty: true },
                { name: 'city_name', type: 'text', size: 'long', maxlength: 100 },
            ]);
        });
    //--><!]]></script>
    <form id="form1" onsubmit="return false;">
    <table class="tb_form" style="display:none;" cellpadding="0" cellspacing="0">
    <tr>
        <td class="label">Kode Kota</td>
        <td><input id="city_code" /></td>
    </tr>
    <tr>
        <td class="label">Nama Kota</td>
        <td><input id="city_name" /></td>
    </tr>
    </table>
    </form>
</div><br />
code:
<div class="sample_code" rel="brush: js; html-script: false;">
    &lt;script type="text/javascript"&gt
        $(document).ready(function() {
            // Create Form
            $('#form_master').setupForm([
                { name: 'city_code', type: 'text', size: 'short', maxlength: 10, noempty: true },
                { name: 'city_name', type: 'text', size: 'long', maxlength: 100 },
            ]);
        });
    &lt;/script&gt;
        
    &lt;form id="form_master" onsubmit="return false;"&gt;
    &lt;table class="tb_form" style="display:none;" cellpadding="0" cellspacing="0"&gt;
    &lt;tr&gt;
        &lt;td class="label"&gt;Kode Kota&lt;/td&gt;
        &lt;td&gt;&lt;input id="city_code" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td class="label"&gt;Nama Kota&lt;/td&gt;
        &lt;td&gt;&lt;input id="city_name" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/form&gt;
    <% for (int i = 0, max_i = 17; i < max_i; i++) { Response.Write("<br />"); } %>
</div>